<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>分页</title>
		<script src="js/jquery-2.2.3.min.js"></script>
		<script src="js/jquery-ui.min.js"></script>
		<link type="text/css" href="css/jquery-ui.min.css" rel="stylesheet">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<script src="js/bootstrap.min.js"></script>
		<link type="text/css" href="css/2.css" rel="stylesheet">
	  <script>
		$(document).ready(function(){
			$("#input_page").keydown(function(e) {  
				if (e.keyCode == 13) {  
					jumpPage2();
				}  
			});
		});
		</script>
  </head>
  <body onload="get_info()" style="background-color:white;">
	<div id="head">

	</div>
	<div id="center">
		<div id="center_div1">
			<div>
			  <form>
				    <table border="1" class="table table-bordered" id="table1"> 
				      <thead>
					    <tr id="list"> 
						    <th class="table_th">th1</th> 
						    <th class="table_th">th2</th> 
						    <th class="table_th">th3</th> 
						    <th class="table_th">th4</th> 
					    </tr> 
					    </thead>
					    <tbody id="listbody">
							
						</tbody>
				    </table> 
				</form>
			</div>
		</div>
		<div id="center_div2">
			<div id="barcon" class="barcon" >
				<div id="barcon2" class="barcon2">
					<ul>
						<li>
							<span id="total_tr"></span>
							<input id="paging" type="text" value="" readonly="true"/>
							<span id="total_page"></span>
						</li>
						<li><a href="###" id="firstPage">&lt;&lt;</a></li>
						<li><a href="###" id="prePage">&lt;</a></li>
						<li><a href="###" id="nextPage">&gt;</a></li>
						<li><a href="###" id="lastPage">&gt;&gt;</a></li>
						<li>
							<span>前往</span>
							<input id="input_page" type="text" value="" autocomplete="off"/>
							<span>页</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="bottom">
		
	</div>
  </body>
  <script src="js/2.js"></script>
</html>
